<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>My first Slides</title>
    <script src='js/jquery-1.5.1.min.js'></script>
    <script src='js/jquery.tools.min.js'></script>
    <script src='js/jquery.centreinwindow.js'></script>
    <link href='style/default.css' rel='stylesheet' type='text/css' />
    <link href='style/uv/blackboard.css' rel='stylesheet' type='text/css' />
    <style type='text/css'>
      /* title */
      div.slide.title {
        text-align: center; }
        div.slide.title h1 {
          margin-top: 150px; }
      
      /* section */
      div.slide.section {
        text-align: center; }
        div.slide.section h1 {
          margin-top: 150px; }
    </style>
  </head>
  <body>
    <script type='text/javascript'>
      //<![CDATA[
        $(function() {
        	$(".slides").scrollable({ circular: false }).centreInWindow();
        });
      //]]>
    </script>
    <div class='slides'>
      <div class='items'>
        <div class='slide title'>
          <h1>My first Slides</h1>
          <h2>Generated with Smooth</h2>
          <p class='about'>
            By Your Name
          </p>
        </div>
        <div class='slide'>
          <div class='head'>
            <h2>Title of the first Slide</h2>
          </div>
          <div class='body'>
            <p>This is something I wan't to say here</p>
          </div>
        </div>
        <div class='slide section'>
          <h1>Syntax highlighting</h1>
          <h2>Follows on the next slide</h2>
        </div>
        <div class='slide'>
          <div class='head'>
            <h2>Syntax highlighting</h2>
          </div>
          <div class='body'>
            <p>we use the blackboard TextMate theme here</p>
            <pre class="blackboard"><span class="line-numbers">   1 </span> <span class="Keyword">class</span> <span class="Entity">Slides</span>&#x000A;<span class="line-numbers">   2 </span> <span class="Keyword">def</span> <span class="Entity">present</span>&#x000A;<span class="line-numbers">   3 </span>     <span class="String"><span class="String">&quot;</span>I present my slides, now!<span class="String">&quot;</span></span>&#x000A;<span class="line-numbers">   4 </span>   <span class="Keyword">end</span>&#x000A;<span class="line-numbers">   5 </span> <span class="Keyword">end</span></pre>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
